@import "../../source/dojo/resources/dojo.css";
@import "../../source/dijit/themes/dijit.css";
@import "../../source/dijit/themes/tundra/form/Button.css";
@import "../../source/dijit/tests/css/dijitTests.css"; 
@import "../../source/dijit/themes/tundra/tundra.css";
html, body{ 
height: 98%;
}
body{
padding:3px;
}
h1{
margin-top:5px;
margin-bottom:10px;
}
h3{
margin:0;
padding:0;
margin-left:5px;
margin-top:3px;
color:#666666;
font-weight:normal;
font-size:10px;
}


#player, #video{
	width:320px;
	float:left;
}
#video{
	height:240px;
}
#vidContainer{
	width:320px;
	height:240px;
}
#videoOverlay{
	position:absolute;
	width:320px;
	height:240px;
	cursor:pointer;
}
#progressContainer{
	clear:both;
}
#timeNode, #durNode, #timeNodes{
	height:16px;
	margin-top:0px;
	color:#F5FFC8;
}
#timeNode{
	padding-left:2px;
} 
#durNode{
	padding-right:2px;
}
#timeNodes{
	background:#000000;
}
#timeNode, #durNode{
	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#timeNode{
	float:left;
}
#durNode{
	float:right;
	text-align:right;
}
#playButton, #pauseButton{
}
.playIcon, .pauseIcon{
	background-image:url(../images/playerIcons);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:24px;
	height:24px;
	clear:both;
}
.pauseIcon{
	background-position:-24px 0px;
}
/*********** Volume ***********/
#volContainer{
	width:60px;
	float:right;
	position:relative;
	top:-30px;
}
#volume{
	cursor:pointer;
}
#volMask{
	position:absolute;
	background:url(../images/volMask.png) no-repeat;
	width:60px;
	height:30px;
}
#volume img, #volume #volBack{
	position:absolute;
}
#volBack{
	background-image:url(../images/volBack.png);
	background-repeat:no-repeat;
	background-color:#EEEEEE;
	width:60px;
	height:30px;
	background-position:-30px 0px;
}
.volBackHover{
	background-image:url(../images/volBackOver.png) !important;
}
